@extends('layouts.mobile_main')

@section('title', '买单')

@section('resources')
    @parent
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <link rel="stylesheet" href="{{ env('CSS_DOMAIN') }}css/public.css?v={{env('CSS_VERSION')}}">
    <script src="{{ env('JS_DOMAIN') }}/js/adaptation.js?v={{env('JS_VERSION')}}"></script>
@endsection
<style>
	.pay_outer{background: url({{env('IMAGE_DOMAIN')}}images/pay_background.png) 0 0 no-repeat;width: 100%;background-size: 100%;}
	#pay_QRcode svg{width: 6.4rem;height: 6.4rem;}
</style>
@section('content')
<body>
	<div class="pay_outer">
		<header class="pay oh">
			<a class="fl" href="javascript:history.go(-1);"><img class="fl" src="{{env('IMAGE_DOMAIN')}}images/back_w.png?v={{env('IMAGE_VERSION')}}" alt=""></a>
			<span class="fl co_white fz_48">买单</span>
		</header>
		<section class="pay_center tc oh">
			<p class="fz_48 co_white fl" style="margin: 1rem 0;">请出示给商家扫一扫</p>
			<!-- <span class="co_white fl" id="pay_money">请出示给商家扫一扫</span> -->
			<div class="fl tc oh pay_QRcode0" style="height: 9rem;">
				<!-- <span class="fz_40 co_orange" style="margin-top: 1rem;display: inline-block;">平台对每笔消费收取 10/笔 手续费</span> -->
				<p id="pay_QRcode" style="margin-top: 1.3rem;">{!! QrCode::size("100")->backgroundColor(255,255,255)->generate($paycode) !!}</p>
				<!-- <span class="fz_50" id="pay_code">{{$paycode}}</span> -->
			</div>
			<p class="fz_40 co_white fl pay_prompt tc">每分钟自动更新</p>
		</section>
	</div>
@endsection

@section('scriptResources')
    @parent
    <script>
	    window.onresize=function(){
		    pagesp();
	    }
	    $(function(){
		    var pay_outer_h=$(window).height();
		    $(".pay_outer").css({"min-height":pay_outer_h});
	    })
	    function refresh(){
                window.location.reload();
        }
        setTimeout('refresh()', 10000);
    </script>
@endsection